<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>日本直邮</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="css/sm.css">
    <link rel="stylesheet" href="css/sm-extend.css">
    <link rel="stylesheet" href="css/myStyle.css">
    <script type="text/javascript" src="js/zepto.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/sm.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/sm-extend.js" charset="utf-8"></script>
</head>
<body>
  <header class="bar bar-nav">
      <a class="icon icon-left pull-left open-panel" style="color:#999" href="javascript:history.go(-1)"></a>
    <h1 class='title'>进口零食</h1>    
  </header>
  <div class="content">
    <div class="buttons-tab"  style="text-align:center">
      <a href="#tab1" class="tab-link active button ">综合</a>
      <a href="#tab2" class="tab-link button">销量</a>
      <a href="#tab3" class="tab-link button price">价格</a>  
      <!-- <a href="#tab2" class="tab-link button">新品</a> -->
      <a href="#tab4" class="tab-link button open-panel" id="shaixuan">筛选</a>
    </div>
    <div class="content1">
      <div class="tabs">
        <div id="tab1" class="tab active">
          <div class="content1">
            <!-- 综合 -->
            <div class="tab1_all">
                <div class="details">
                  <div class="image">
                  <a href="detail.html"><img src="image/foods_1.jpg" /></a>
                  </div>  
                <p>日本进口达诗巧克力42g </p>
                <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                <p>￥32.00</p>
                <p class="fr">销量：3109</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html"><img src="image/foods_2.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥29.00</p>
                  <p class="fr">销量：3109</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html"><img src="image/foods_3.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥39.00</p>
                  <p class="fr">销量：3109</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html"><img src="image/foods_4.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥49.00</p>
                  <p class="fr">销量：3109</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html"><img src="image/foods_1.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥29.00</p>
                  <p class="fr">销量：3109</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html"><img src="image/foods_2.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥34.00</p>
                  <p class="fr">销量：3109</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html"> <img src="image/foods_3.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥32.00</p>
                  <p class="fr">销量：3109</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html"> <img src="image/foods_4.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥89.00</p>
                  <p class="fr">销量：3109</p>
                </div>
            </div>
          </div>
        </div>
        <div id="tab2" class="tab">
          <div class="content1">
            <!-- 销量 -->
            <div class="tab1_all">
                <div class="details">
                  <div class="image">
                      <a href="detail.html"><img src="image/foods_1.jpg" /></a>
                  </div>  
                <p>日本进口达诗巧克力42g </p>
                <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                <p>￥32.00</p>
                <p class="fr">销量：7109</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html"> <img src="image/foods_2.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥29.00</p>
                  <p class="fr">销量：6109</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html"> <img src="image/foods_3.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥39.00</p>
                  <p class="fr">销量：5109</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html"> <img src="image/foods_4.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥49.00</p>
                  <p class="fr">销量：4409</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html">  <img src="image/foods_1.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥29.00</p>
                  <p class="fr">销量：3309</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html">  <img src="image/foods_2.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥34.00</p>
                  <p class="fr">销量：3009</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html"> <img src="image/foods_3.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥32.00</p>
                  <p class="fr">销量：2909</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html"> <img src="image/foods_4.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥35.00</p>
                  <p class="fr">销量：1109</p>
                </div>
            </div>
          </div>
        </div>
        <div id="tab3" class="tab">
          <div class="content1">
            <!-- 价格 -->
            <div class="tab1_all">
                <div class="details">
                  <div class="image">
                      <a href="detail.html"> <img src="image/foods_1.jpg" /></a>
                  </div>  
                <p>日本进口达诗巧克力42g </p>
                <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                <p>￥93.00</p>
                <p class="fr">销量：3109</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html">  <img src="image/foods_2.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥82.00</p>
                  <p class="fr">销量：3109</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html"> <img src="image/foods_3.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥70.00</p>
                  <p class="fr">销量：3109</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html"> <img src="image/foods_4.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥59.00</p>
                  <p class="fr">销量：3109</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html"> <img src="image/foods_1.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥55.00</p>
                  <p class="fr">销量：3109</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html"> <img src="image/foods_2.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥50.00</p>
                  <p class="fr">销量：3109</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html"> <img src="image/foods_3.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥38.00</p>
                  <p class="fr">销量：3109</p>
                </div>
                <div class="details">
                    <div class="image">
                        <a href="detail.html"> <img src="image/foods_4.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥25.00</p>
                  <p class="fr">销量：3109</p>
                </div>
            </div>
          </div>
        </div>
        <div id="tab4" class="tab">
            <div class="content1">
              <!-- 筛选 -->
              <div class="tab1_all">
                  <div class="details">
                    <div class="image">
                        <a href="detail.html">  <img src="image/foods_1.jpg" /></a>
                    </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥32.00</p>
                  <p class="fr">销量：3109</p>
                  </div>
                  <div class="details">
                      <div class="image">
                          <a href="detail.html">  <img src="image/foods_2.jpg" /></a>
                      </div>  
                    <p>日本进口达诗巧克力42g </p>
                    <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                    <p>￥29.00</p>
                    <p class="fr">销量：3109</p>
                  </div>
                  <div class="details">
                      <div class="image">
                          <a href="detail.html"> <img src="image/foods_3.jpg" /></a>
                      </div>  
                    <p>日本进口达诗巧克力42g </p>
                    <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                    <p>￥39.00</p>
                    <p class="fr">销量：3109</p>
                  </div>
                  <div class="details">
                      <div class="image">
                          <a href="detail.html"> <img src="image/foods_4.jpg" /></a>
                      </div>  
                    <p>日本进口达诗巧克力42g </p>
                    <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                    <p>￥49.00</p>
                    <p class="fr">销量：3109</p>
                  </div>
                  <div class="details">
                      <div class="image">
                          <a href="detail.html"> <img src="image/foods_1.jpg" /></a>
                      </div>  
                    <p>日本进口达诗巧克力42g </p>
                    <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                    <p>￥30.00</p>
                    <p class="fr">销量：3109</p>
                  </div>
                  <div class="details">
                      <div class="image">
                          <a href="detail.html"> <img src="image/foods_2.jpg" /></a>
                      </div>  
                    <p>日本进口达诗巧克力42g </p>
                    <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                    <p>￥45.00</p>
                    <p class="fr">销量：3109</p>
                  </div>
                  <div class="details">
                      <div class="image">
                          <a href="detail.html"> <img src="image/foods_3.jpg" /></a>
                      </div>  
                    <p>日本进口达诗巧克力42g </p>
                    <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                    <p>￥69.00</p>
                    <p class="fr">销量：3109</p>
                  </div>
                  <div class="details">
                      <div class="image">
                          <a href="detail.html"> <img src="image/foods_4.jpg" /></a>
                      </div>  
                    <p>日本进口达诗巧克力42g </p>
                    <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                    <p>￥60.00</p>
                    <p class="fr">销量：3109</p>
                  </div>
              </div>
            </div>
          </div>
      </div>
    </div>
  </div>
  <!-- 弹框 -->
  <div class="cover_right"></div>
  <div class="panel panel-right panel-reveal">
    <div class="content-block">
        <div class="choose_more" >      
            <h4>价格区间</h4>
            <input placeholder="最低价" class="input1"/>—<input placeholder="最高价" class="input1"/>    
        <div class="chooseCnt">
            <div class="priceChoose">            
                <input value="0-39" readonly/>
                <input value="40-79" readonly/>
                <input value="80-99" readonly/>
            </div>
            <div class="pinpai">
                <h4>品牌</h4>
                <input value="费雷罗" readonly/>
                <input value="瑞士莲" readonly/>
                <input value="健达" readonly/>
                <input value="其他" readonly />
            </div> 
            <div class="zhonglei">
                <h4>巧克力分类</h4>
                <input value="夹心巧克力" readonly/>
                <input value="黑巧克力" readonly/>
                <input value="白巧克力" readonly/>
                <input value="其他" readonly/>
            </div>
            <div class="baozhuang">
                <h4>包装</h4>
                <input value="礼盒装" readonly/>
                <input value="组合装" readonly/>
                <input value="其他" readonly/>
            </div>  
            <div class="chandi">
                <h4>产地</h4>
                <input value="德国" readonly/>
                <input value="意大利" readonly/>
                <input value="日本" readonly/>
            </div>    
            <div class="danwei">
                <h4>包装单位</h4>
                <input value="片装" readonly/>
                <input value="盒装" readonly/>
                <input value="瓶装" readonly/>
            </div>         
        </div>
        <div class="anniu">
            <input type="submit" value="重置" class="fl chongzhi"/>
            <input type="button" value="确定" id="queding"/>
        </div>
      </div>
    </div>
</div>

  <!-- <div class="choose_more" style="display:none">      
        <h4>价格区间</h4>
        <input placeholder="最低价" class="input1"/>—<input placeholder="最高价" class="input1"/>    
    <div class="chooseCnt">
        <div class="priceChoose">            
            <input value="0-39" readonly/>
            <input value="40-79" readonly/>
            <input value="80-99" readonly/>
        </div>
        <div class="pinpai">
            <h4>品牌</h4>
            <input value="费雷罗" readonly/>
            <input value="瑞士莲" readonly/>
            <input value="健达" readonly/>
            <input value="其他" readonly />
        </div> 
        <div class="zhonglei">
            <h4>巧克力分类</h4>
            <input value="夹心巧克力" readonly/>
            <input value="黑巧克力" readonly/>
            <input value="白巧克力" readonly/>
            <input value="其他" readonly/>
        </div>
        <div class="baozhuang">
            <h4>包装</h4>
            <input value="礼盒装" readonly/>
            <input value="组合装" readonly/>
            <input value="其他" readonly/>
        </div>  
        <div class="chandi">
            <h4>产地</h4>
            <input value="德国" readonly/>
            <input value="意大利" readonly/>
            <input value="日本" readonly/>
        </div>    
        <div class="danwei">
            <h4>包装单位</h4>
            <input value="片装" readonly/>
            <input value="盒装" readonly/>
            <input value="瓶装" readonly/>
        </div>         
    </div>
    <div class="anniu">
        <input type="submit" value="重置" class="fl chongzhi"/>
        <input type="button" value="确定"/>
    </div>
  </div> -->
  <script src="js/jquery.js"></script>
  <script src="js/help.js"></script>
</body>
</html>
